<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="__STATIC__/indexlib/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="__STATIC__/indexlib/css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- js -->
<script src="__STATIC__/indexlib/js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Jura:400,300,500,600' rel='stylesheet' type='text/css'>
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="__STATIC__/indexlib/js/move-top.js"></script>
<script type="text/javascript" src="__STATIC__/indexlib/js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>
<!-- start-smoth-scrolling -->
</head>
	<style>
		.banner1{
	background:url(__STATIC__/indexlib/images/{:widget('Blog/banner')}) no-repeat 0px 0px;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
}
.banner2{
	background:url((__STATIC__/indexlib/images/2.jpg) no-repeat 0px 0px;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
}
.banner3{
	background:url((__STATIC__/indexlib/images/3.jpg) no-repeat 0px 0px;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
}
	</style>
<body>

<!-- body-top -->
	<div class="body-top">
		<div class="container">
			<div class="body-top-left">
				<p>Temporibus autem quibusdam et aut officiis debitis.</p>
			</div>
			<div class="body-top-right">
				<div class="social">
					<ul>
						<li><a href="#" class="link facebook"><span></span></a></li>
						<li><a href="#" class="link twitter"><span></span></a></li>
						<li><a href="#" class="link google-plus"><span></span></a></li>
						<li><a href="#" class="link dribble"><span></span></a></li>
					</ul>
				</div>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
<!-- //body-top -->
<!-- body-content -->
	<div class="body-content">
		<div class="container">
			<!-- header -->
				<div class="logo-search">
					<div class="logo">
						<h1><a href="index.html">Combatant<i>Duty Honor Country</i></a></h1>
					</div>
					<div class="search">
						<form>
							<input type="text" value="Search Here..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search Here...';}" required="">
							<input type="submit" value=" " >
						</form>
					</div>
					<div class="clearfix"> </div>
				</div>
			<!-- //header -->
			<!-- nav -->
				<div class="navigation">
					<nav class="navbar navbar-default">
						<!-- Brand and toggle get grouped for better mobile display -->
						<div class="navbar-header">
						  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						  </button>
						</div>

						<!-- Collect the nav links, forms, and other content for toggling -->
						<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
							<nav class="cl-effect-20" id="cl-effect-20">
								<ul class="nav navbar-nav">
									<li class="active"><a href="index.html"><span data-hover="Home">Home</span></a></li>
									<li><a href="services.html"><span data-hover="Services">Services</span></a></li>
									<li><a href="about.html"><span data-hover="About Us">About Us</span></a></li>
									<li><a href="short-codes.html"><span data-hover="Short Codes">Short Codes</span></a></li>
									<li><a href="gallery.html"><span data-hover="Gallery">Gallery</span></a></li>
									<li><a href="mail.html"><span data-hover="Mail Us">Mail Us</span></a></li>
								</ul>
							</nav>
						</div>
						<!-- /.navbar-collapse -->
					</nav>
				</div>
			<!-- //nav -->
			<!-- banner -->
				<div class="banner">
					<div class="wmuSlider example1">
						<div class="wmuSliderWrapper">
							<article style="position: absolute; width: 100%; opacity: 0;"> 
								<div class="banner-wrap">
									<div class="banner1">
										
									</div>
								</div>
							</article>
							<article style="position: absolute; width: 100%; opacity: 0;"> 
								<div class="banner-wrap">
									<div class="banner2">
										
									</div>
								</div>
							</article>
							<article style="position: absolute; width: 100%; opacity: 0;"> 
								<div class="banner-wrap">
									<div class="banner3">
										
									</div>
								</div>
							</article>
						</div>
					</div>
							<script src="__STATIC__/indexlib/js/jquery.wmuSlider.js"></script> 
							<script>
								$('.example1').wmuSlider();         
							</script> 

				</div>
			<!-- //banner -->
		</div>
	</div>
<!-- //body-content -->
<!-- banner-bottom -->
	<div class="banner-bottom">
		<div class="container">
			<div class="banner-bottom-grids">
				<div class="col-md-8 banner-bottom-grid-left">
					<h6>To-Day-News</h6>
					<div class="banner-bottom-grid-left-grids">
						<div class="banner-bottom-grid-left-grid">
							<div class="col-md-5 banner-bottom-grid-left-gridl">
								<img src="__STATIC__/indexlib/images/5.jpg" alt=" " class="img-responsive" />
								<div class="banner-bottom-grid-left-gridl-pos">
									<h4>25th<span>March</span> 2016</h4>
								</div>
							</div>
							<div class="col-md-7 banner-bottom-grid-left-gridr">
								<h3><a href="single.html">the <i>country</i> is strong with a strong <span>Combatant.</span></a></h3>
								<p>"But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain.</p>
							</div>
							<div class="clearfix"> </div>
						</div>
						<div class="banner-bottom-grid-left-grid">
							<div class="col-md-5 banner-bottom-grid-left-gridl">
								<img src="__STATIC__/indexlib/images/6.jpg" alt=" " class="img-responsive" />
								<div class="banner-bottom-grid-left-gridl-pos">
									<h4>28th<span>March</span> 2016</h4>
								</div>
							</div>
							<div class="col-md-7 banner-bottom-grid-left-gridr">
								<h3><a href="single.html">the war is <i>terrible</i> our aim is to  <span>prevent</span> it.</a></h3>
								<p>"Nor again is there anyone who loves or pursues or desires to obtain pain of itself.</p>
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
					<h5>Our-Missions</h5>
					<div class="military-armies">
						<div class="col-md-4 military-army">
							<h3><a href="single.html">being a soldier is more than <span>courage.</span></a></h3>
							<a href="single.html"><img src="__STATIC__/indexlib/images/8.jpg" alt=" " class="img-responsive" /></a>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</p>
							<div class="more">
								<a href="single.html"><span class="glyphicon glyphicon-play-circle" aria-hidden="true"></span></a>
							</div>
						</div>
						<div class="col-md-4 military-army">
							<h3><a href="single.html">sacrificing yourself for <span>peace.</span></a></h3>
							<a href="single.html"><img src="__STATIC__/indexlib/images/7.jpg" alt=" " class="img-responsive" /></a>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</p>
							<div class="more">
								<a href="single.html"><span class="glyphicon glyphicon-play-circle" aria-hidden="true"></span></a>
							</div>
						</div>
						<div class="col-md-4 military-army">
							<h3><a href="single.html">putting the serve into your <span>country.</span></a></h3>
							<a href="single.html"><img src=__STATIC__/indexlib/"images/9.jpg" alt=" " class="img-responsive" /></a>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</p>
							<div class="more">
								<a href="single.html"><span class="glyphicon glyphicon-play-circle" aria-hidden="true"></span></a>
							</div>
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
				<div class="col-md-4 banner-bottom-grid-right">
					<div class="banner-bottom-grid-right-grid1">
						<h3>Military-Education</h3>
						<ul>
							<li><a href="single.html">Sed ut perspiciatis unde omnis iste natus.</a></li>
							<li><a href="single.html">Neque porro quisquam est, qui dolorem.</a></li>
							<li><a href="single.html">Quis autem vel eum iure reprehenderit qui.</a></li>
							<li><a href="single.html">Excepteur sint cupidatat non proident.</a></li>
							<li><a href="single.html">Ut enim ad minim veniam, quis exercitation.</a></li>
						</ul>
					</div>
					<div class="banner-bottom-grid-right-grid1">
						<h3>Combatant-Programs</h3>
						<div class="banner-btm-gd-rgt-grd1-grd">
							<img src="__STATIC__/indexlib/images/6.jpg" alt=" " class="img-responsive" />
							<div class="banner-info">
								<a class="read-more" href="single.html"><i></i></a>
								<h5>
									<a href="single.html">
										Combatant Force
									</a>
								</h5>
								<div class="event-meta">
									<h4>Description</h4>
									<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem</p>
								</div>
							</div>
						</div>
						<div class="banner-btm-gd-rgt-grd1-grd">
							<div class="banner-btm-gd-rgt-grd1-grdl">
								<img src="__STATIC__/indexlib/images/5.jpg" alt=" " class="img-responsive" />
							</div>
							<div class="banner-btm-gd-rgt-grd1-grdr">
								<a href="single.html">natus error sit voluptatem perspiciatis</a>
							</div>
							<div class="clearfix"> </div>
						</div>
						<div class="banner-btm-gd-rgt-grd1-grd">
							<div class="banner-btm-gd-rgt-grd1-grdl">
								<img src="__STATIC__/indexlib/images/9.jpg" alt=" " class="img-responsive" />
							</div>
							<div class="banner-btm-gd-rgt-grd1-grdr">
								<a href="single.html">Duis aute irure dolor in voluptate velit </a>
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
<!-- //banner-bottom -->
<!-- footer -->
	<div class="footer">
		<div class="container">
			<div class="footer-grid">
				<span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>
				<h3><span>Connect</span> Subscribe To Newsletter</h3>
				<form>
					<input type="email" value="enter your email address" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'enter your email address';}" required="">
					<input type="submit" value=" " >
				</form>
			</div>
			<div class="footer-grid-logo">
				<h2><a href="index.html"><span></span>Combatant<i>Duty Honor Country</i></a></h2>
				<p>all of us should get a taste of military service</p>
				<div class="social">
					<ul>
						<li><a href="#" class="link facebook"><span></span></a></li>
						<li><a href="#" class="link twitter"><span></span></a></li>
						<li><a href="#" class="link google-plus"><span></span></a></li>
						<li><a href="#" class="link dribble"><span></span></a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="footer-copy">
		<div class="container">
			<p>Copyright &copy; 2016.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
		</div>
	</div>
<!-- //footer -->
<!-- for bootstrap working -->
	<script src="__STATIC__/indexlib/js/bootstrap.js"></script>
<!-- //for bootstrap working -->
<!-- here stars scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/
								
			$().UItoTop({ easingType: 'easeOutQuart' });
								
			});
	</script>
<!-- //here ends scrolling icon -->
</body>
</html>